body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,dl,dd,dt,div{margin:0;padding:0;border:0;}
body{ font-size:12px; color:#000; text-align:center; background:url(../images/index_r1_c1.jpg) repeat-x;  background-color:#7AD1FE;}
ul,ol{list-style-type:none;}
em{ font-style:normal;}
a{text-decoration:none;}
a:link{ color:#333;}
a:hover{ text-decoration:underline;}
a:active{ color:#333;}
a:visited{ color:#333;}

.clearit{clear:both;}

.top{ width:1000px; margin:0 auto; height:99px;}
.top .logo{ float:left; width:380px; height:99px;}
.top .logo_right{ background:url(../images/index_r1_c30.jpg) no-repeat; width:356px; height:89px; float:right; text-align:right; padding:10px 30px 0px 0px;}
.top .logo_right a{ margin:0px 5px;}

.nav{ height:46px; width:1000px; margin:0 auto;}
.nav ul{ float:left; width:1000px; height:46px; line-height:46px;}
.nav ul li{ float:left; background:url(../images/index_r2_c32.jpg) no-repeat right center; width:123px; font-weight:bold; font-size:14px; display:block; }
.nav ul li a{ color:#fff;}
.nav ul li a:link{ color:#fff;}
.nav ul li a:active{ color:#fff;}
.nav ul li a:visited{ color:#fff;}
.nav ul .vanish{ background:none;}

.banner{ width:1000px; margin:0 auto; border:10px solid #fff;  height:245px; background-color:#fff;}
.banner img{ float:left; width:1000px; height:245px;}

#focus {width:1000px; height:245px; overflow:hidden; position:relative; margin:0 auto;}
#focus ul {height:245px; position:absolute;}
#focus ul li {float:left; width:1000px; height:245px; overflow:hidden; position:relative; background:#000;}
#focus ul li div {position:absolute; overflow:hidden;}
#focus .btn {position:absolute; width:780px; height:10px; padding:5px 10px; right:0; bottom:0; text-align:right;}
#focus .btn span {display:inline-block; _display:inline; _zoom:1; width:25px; height:10px; _font-size:0; margin-left:5px; cursor:pointer; background:#fff;}
#focus .btn span.on {background:#fff;}
#focus .preNext {width:45px; height:100px; position:absolute; top:90px; cursor:pointer;}
#focus .pre {left:0;}
#focus .next {right:0; background-position:right top;}


.max{ width:1000px; margin:0 auto; border:10px solid #fff; border-top:none; background-color:#fff; }
.max .max_left{ width:220px; float:left;}
.max .max_left .left_top{ background:#E7EAEF;  width:220px; float:left;}
.max .max_left .left_top .title{ height:37px; line-height:37px; float:left;  width:210px; border-bottom:1px dashed #73B4EA; text-align:left; margin-left:5px; display:inline;}
.max .max_left .left_top .title span{ background:url(../images/index_r7_c6.jpg) no-repeat 0px 11px; padding-left:23px; float:left; font-size:14px; font-weight:bold;}
.max .max_left .left_top .title em{ font-family:Arial, Helvetica, sans-serif; font-size:12px; margin-left:10px; display:inline;}
.max .max_left .left_top .list{ width:220px; float:left; padding-top:10px;}
.max .max_left .left_top .list li{ width:220px; float:left;}
.max .max_left .left_top .list strong{  width:200px; float:left; background:#1D8AC3; height:27px; line-height:27px; padding:0px 10px;}
.max .max_left .left_top .list strong a{ background:url(../images/index_r10_c7.jpg) no-repeat 0px 7px; padding-left:20px; float:left; color:#fff;}
.max .max_left .left_top .list li ul{ width:207px; float:left; padding:7px 0px 6px 13px;}
.max .max_left .left_top .list li ul li{ width:180px; text-align:left; float:left; background:url(../images/index_r12_c8.jpg) no-repeat 0px 7px; padding-left:15px; height:24px; line-height:24px;}

.max .max_left .contact{ background:url(../images/index_r12_c2.jpg) no-repeat; width:208px; /*float:left;*/ height:168px; text-align:left; margin-top:10px; padding:10px 0px 0px 10px; line-height:18px; color:#193E72;}

.max .max_right{ width:772px; float:right;}
.max .max_right .title{ height:39px; line-height:39px; background:url(../images/index_r2_c2.jpg) no-repeat; width:710px; text-align:left; padding:0px 17px 0px 45px; float:left;}
.max .max_right .title span{ font-weight:bold; font-size:14px; color:#FFF; float:left;}
.max .max_right .title img{ float:left; margin:11px 0px 0px 10px; display:inline;}
.max .max_right .title a{ float:right; color:#FFF;}
.max .max_right dl{ width:755px; float:left; border:1px solid #CCD8E6; border-top:none; border-bottom:none; padding:10px 0px 0px 15px; height:135px;}
.max .max_right dl dt{ float:left; width:183px; margin-right:10px; display:inline;}
.max .max_right dl dt img{ float:left; padding:3px; border:1px solid #E1DCC9;}
.max .max_right dl dd{ text-align:left; width:555px; float:left; line-height:22px; color:#676767;}
.max .max_right .tu{ float:left; width:772px; height:9px;}

.max .max_right .product{ background:url(../images/index_r6_c2.jpg) no-repeat; height:35px;  line-height:35px;  width:732px; text-align:left; padding:0px 10px 0px 30px; margin-top:10px; float:left;}
.max .max_right .product span{ font-weight:bold; font-size:14px; color:#FFF; float:left;}
.max .max_right .product img{ float:left; margin:11px 0px 0px 10px; display:inline;}
.max .max_right .product a{ float:right; }
.max .max_right .product_main{ height:158px; width:770px; float:left; border:1px solid #CCD8E6; border-top:none; border-bottom:none;}
#colee_left{ padding-top:17px; float:left; display:inline;}
#colee_left a{ width:132px; float:left; padding-left:16px;}
#colee_left a img{ float:left; width:130px; border:1px solid #ccc;}
#colee_left a span{ width:132px; float:left; padding:10px 0px; font-size:14px;  color:#000;}


.max .max_right .news{ width:380px; float:left; margin-top:10px;}
.max .max_right .news_top{ width:380px; height:6px; float:left;}
.max .max_right .news_main{ width:378px; float:left; border:1px solid #CCD8E6; border-top:none; border-bottom:none; height:226px;}
.max .max_right .news_main .title_n{float:left; background:url(../images/index_r22_c17.jpg) repeat-x; height:36px; line-height:36px; width:348px; border:1px solid #CEE0E0; text-align:left; padding:0px 10px; margin-left:4px; display:inline;}
.max .max_right .news_main .title_n span{ font-weight:bold; font-size:14px; background:url(../images/index_r23_c12.jpg) no-repeat 0px 11px; padding-left:18px; float:left; color:#444446; }
.max .max_right .news_main .title_n a{ float:right;}
.max .max_right .news_main ul{ width:370px; float:left; padding:12px 0px 5px 8px;}
.max .max_right .news_main ul li{ width:345px; background:url(../images/index_r26_c28.jpg) no-repeat 0px 6px; padding-left:15px; text-align:left; height:24px; line-height:24px; float:left;}
.max .max_right .news_main ul li a{ float:left;}
.max .max_right .news_main ul li span{ float:right; color:#999;}
.max .max_right .news_main .tu_1{ float:left;}
.max .max_right .news_right{ float:right;}

.max .max_right .case{ width:750px; float:left; border:1px solid #C8D5E6; margin-top:10px; background:url(../images/index_r22_c17.jpg) repeat-x; height:36px; line-height:36px; text-align:left; padding:0px 10px;}
.max .max_right .case span{ font-weight:bold; background:url(../images/index_r23_c12.jpg) no-repeat 0px 10px; padding-left:18px; float:left; font-size:14px; color:#444446;}
.max .max_right .case a{ float:right;}
.max .max_right .case_main{ background:url(../images/index_r28_c26.jpg) repeat-x; height:196px; width:770px; border:1px solid #C8D5E6; border-top:none; float:left;}


.max .links{ margin-top:10px; float:left;}
.max .links_main{ float:left; border:1px solid #EBEBEB; width:978px; border-top:none; padding:7px 10px; line-height:22px; text-align:left;}
.max .links_main a{ margin-right:10px; color:#7B7B7B;}

.footer{ background:#EDEDED; margin:0 auto; width:auto; border-top:7px solid #0067DE; padding:15px 0px; line-height:24px; color:#7B7B7B;}
.footer a{ color:#7B7B7B; }
.footer a:link{ color:#7B7B7B;}
.footer a:active{ color:#7B7B7B;}
.footer a:visited{ color:#7B7B7B;}


/* about */
.max .ny_right{ width:770px; float:right; border:1px solid #C8D5E6; Max-Height:200000px;Min-Height:895px;_height:expression(this.scrollHeight > 200000 ? "200000px" : (this.scrollHeight < 895 ? "895px" : "auto"));}
.max .ny_right .title{ width:750px; float:left; border-bottom:1px solid #C8D5E6;  background:url(../images/index_r22_c17.jpg) repeat-x; height:36px; line-height:36px; text-align:left; padding:0px 10px;}
.max .ny_right .title span{ font-weight:bold; background:url(../images/index_r23_c12.jpg) no-repeat 0px 10px; padding-left:18px; float:left; font-size:14px; color:#444446;}
.max .ny_right .title p{ float:right;}
.max .ny_right .about{ width:740px; float:left; font-size:14px; line-height:28px; text-align:left; padding:15px;   }

/* product */

.max .ny_right .product{ width:770px; float:left; padding:10px 0px;}
.max .ny_right .product li{ width:138px; float:left; margin:10px 0px 0px 13px; display:inline;margin-bottom:10px;}
.max .ny_right .product li img{ width:130px; float:left; padding:3px; border:1px solid #ccc;}
.max .ny_right .product li span{ width:138px;  float:left;    height: 25px; line-height: 25px; overflow: hidden;margin-top:10px;}
.next{ width:100%; float:left; padding:15px 0px; color:#000;  margin-top:10px;}
.next a{ color:#000;}


/* news */
.max .ny_right .news{ float:left; width:745px; padding:10px 0px 0px 20px;}
.max .ny_right .news li{ width:715px; float:left; background:url(../images/index_r26_c28.jpg) no-repeat 0px 10px; height:30px; line-height:30px; text-align:left; padding-left:15px; border-bottom:1px dashed #DCDCDC;}
.max .ny_right .news li a{ float:left; }
.max .ny_right .news li span{ float:right; color:#CCC;}

/* news_s */
.max .ny_right .ny_news{width:768px; padding:15px 0px 10px 0px; float:left;}
.max .ny_right .ny_news h1{ width:710px; padding:15px 0px; font-size:20px;  border-bottom:1px dashed #ccc; margin:0 auto;}
.max .ny_right .ny_news h1 a{color:#000; font-size:16px;}
.max .ny_right .ny_news .sj{ width:710px; padding:15px 0px; color:#8C8A8B; margin:0 auto;}
.max .ny_right .ny_news .new_n{ width:710px; margin:0 auto; line-height:26px; padding-bottom:20px; text-align:left; color:#6E6E6E; font-size:14px;}
.max .ny_right .ny_news .To{ width:710px; padding:5px 0px; margin:0 auto; display:block; text-align:left; font-size:12px;}
.max .ny_right .ny_news .To_1{border-top:1px dashed #ccc; padding-top:20px;}

/* case */
.max .ny_right .case{ width:770px; float:left; padding:10px 0px;}
.max .ny_right .case li{ width:162px; float:left; margin:10px 5px 5px 22px; display:inline;}
.max .ny_right .case li img{ width:160px; float:left;  border:1px solid #ccc;}
.max .ny_right .case li span{ width:162px;height:25px;line-height:25px;overflow:hidden;margin-top:15px; float:left;}